<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<meta name="description" content="">
<meta name="author" content="">

<title>爱玩社区</title>
<script src="${siteurl}/assets/js/jquery-1.11.1.min.js"></script>

<script src="${siteurl}/assets/plugs/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet"
	href="${siteurl}/assets/plugs/bootstrap/css/bootstrap.min.css">

<script src="${siteurl}/assets/plugs/fakeLoader/fakeLoader.min.js"></script>
<link rel="stylesheet"
	href="${siteurl}/assets/plugs/fakeLoader/fakeLoader.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<style type="text/css">
body {
	padding-top: 70px;
}

footer {
	padding: 30px 0;
}
</style>
</head>

<body>
	<div class="fakeloader"></div>

	<nav class="navbar navbar-fixed-top navbar-inverse">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">爱玩社区</a>
			</div>
			<div id="navbar" class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">首页</a></li>
					<li><a href="#about">文章</a></li>
					<li><a href="#about">问答</a></li>
					<li><a href="#contact">活动</a></li>
				</ul>
				[@shiro.guest]
				<ul class="nav navbar-nav navbar-right">
					<li><a href="${siteurl}login.htm">登陆</a></li>
					<li><a href="${siteurl}register.htm">注册</a></li>
				</ul>
				[/@shiro.guest] [@shiro.authenticated]
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown closed">
					<a aria-expanded="true"
						aria-haspopup="true" role="button" data-toggle="dropdown"
						class="dropdown-toggle glyphicon " href="#">
						<span class="glyphicon glyphicon-user"></span>
						个人中心 <span class="caret"></span>
					</a>
						<ul class="dropdown-menu">
							<li><a href="#"><span style="font-size:20px;" class="glyphicon glyphicon-home"></span>个人资料</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-question-sign"></span>我的问答</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-question-sign"/>我的文章</a></li>
							<li class="divider" role="separator"></li>
							<li class="dropdown-header">其他</li>
							<li><a href="#">客服中心</a></li>
							<li><a href="${siteurl}logout.htm">退出</a></li>
						</ul></li>
				</ul>
				[/@shiro.authenticated]
				<form class="navbar-form navbar-right">
					<input type="text" class="form-control" placeholder="搜索...">
				</form>
			</div>
			<!-- /.nav-collapse -->
		</div>
		<!-- /.container -->
	</nav>
	<!-- /.navbar -->

	<div class="container">

		<div class="row">

			<div class="col-xs-12 col-sm-9">
				<p class="pull-right visible-xs">
					<button type="button" class="btn btn-primary btn-xs"
						data-toggle="offcanvas">Toggle nav</button>
				</p>
				<div class="jumbotron">
					<h1>爱玩社区</h1>
					<p>爱玩社区是一个提供大家交流的地方，全部代码开源。我为人人，人人为我！塑造一种开源骑士精神！</p>
				</div>
				[#list 1..10 as item]
				<div class="row">
					<div class="col-xs-12 col-lg-12">
						<h2>Heading</h2>
						<p>Donec id elit non mi porta gravida at eget metus. Fusce
							dapibus, tellus ac cursus commodo, tortor mauris condimentum
							nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
							malesuada magna mollis euismod. Donec sed odio dui.</p>
						<p>
							<a class="btn btn-default pull-right" href="#" role="button">点击查看更多 &raquo;</a>
						</p>
					</div>
				</div>
				<hr>
				[/#list]
				<!--/row-->
			</div>
			<!--/.col-xs-12.col-sm-9-->

			<div class="col-xs-6 col-sm-3" id="sidebar">
				<div class="list-group">
					<a href="#" class="list-group-item active">Link</a> <a href="#"
						class="list-group-item">Link</a> <a href="#"
						class="list-group-item">Link</a> <a href="#"
						class="list-group-item">Link</a> <a href="#"
						class="list-group-item">Link</a> <a href="#"
						class="list-group-item">Link</a> <a href="#"
						class="list-group-item">Link</a> <a href="#"
						class="list-group-item">Link</a> <a href="#"
						class="list-group-item">Link</a> <a href="#"
						class="list-group-item">Link</a>
				</div>
			</div>
			<!--/.sidebar-offcanvas-->
		</div>
		<!--/row-->

		<hr>

		<footer>
			<p>&copy; 爱玩社区 2015</p>
		</footer>

	</div>
	<!--/.container-->



	<script>
		$(document).ready(function() {
			$(".fakeloader").fakeLoader({
				timeToHide : 1200,
				bgColor : "#2ecc71",
				spinner : "spinner1"
			});
		});
	</script>
</body>
</html>
